$(function(){
    $(document).ready(function(){
    });

    $('thead th a').hover(
        function(){ $(this).parent().addClass('ui-state-hover');},
        function(){ $(this).parent().removeClass('ui-state-hover');}
    );

    $('.ui-button').hover(
        function(){ $(this).addClass('ui-state-hover');},
        function(){ $(this).removeClass('ui-state-hover');}
    );

    $('a[rel=img-dialog]').click(function(e){
            e.preventDefault();
            $('body').append('<div id="img-dialog" >oo</img>');
            var dialog = $("#img-dialog").dialog({ autoOpen: false,
                                      resizable:false,
                                      draggable:true,
                                      modal: true 
                                    });
                            dialog.dialog('open');
            dialog.empty();
            dialog.append('<img src="' + $(this).attr('href') + '" />');
            $('#img-dialog img').load(function(){
                $(this).parent().dialog('option', 'width', $(this).width()+25);
                $(this).parent().dialog('option', 'height', $(this).height()+45);
            });
            return false;
    });
});
